﻿<div class="row product">
    <div id="Carousel" class="carousel slide">
        <div class="row product">
            @foreach (var p in Model)
            {
                <div class="pro">
                    <div class="pro-pro">
                        <a class="pro-img" href="/Product/Detail/@p.Id">
                            <img class="image" src="~/images/products/@p.Image" />
                        </a>
                        <a href="/Product/Detail/@p.Id" class="pro-name">@p.Name</a>
                        <p class="pro-price">@Html.FormatValue(p.UnitPrice, "{0:C}")</p>

                        <a class="add-to-cart" href="/Cart/Add/@p.Id">

                            <img src="~/images/icons/Add%20to%20basket.png" />
                        </a>
                        <div class="icon">
                            @if (p.Latest)
                            {

                                <img src="~/images/icons/new.png" />
                            }
                            else if (p.Special)
                            {

                                <img src="~/images/icons/hot.png" />
                            }
                            else if (p.Discount > 0)
                            {
                                <img src="~/images/promo_icon.gif" />
                            }
                        </div>
                    </div>
                </div>
            }

        </div>
    </div>
</div>
